﻿<!doctype html>
<html  class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>
<style>
</style>
<body class="template-color-1">

    <div id="main-wrapper">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>


        <!-- 大标题 Start -->
        <div class="breadcrumb-section section pt-60 pt-sm-50 pt-xs-40">
            <div class="container sb-border-two pb-60 pb-sm-50 pb-xs-40">
                <div class="row">
                    <div class="col-12">
                        <div class="page-breadcrumb-content mb-40">
                            <ul class="page-breadcrumb">
                                <li><a th:href="@{/account/homepage}">主页</a></li>
                                <li><a th:href="@{/company/companyListingPage}">入驻企业</a></li>
                                <li>企业详情</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="employer-head-info">
                            <span  sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
                                   type="text" id="userId" hidden></span>
                            <input hidden id="companyId" th:value="${{companyId}}">
                            <div class="employer-logo">
                                <a><img id="companyLogo" src="" alt="" style="width: 80px; height: 80px;"></a>
                            </div>
                            <div class="employer-content">
                                <h1 class="employer-name"><span id="companyName"></span> <i class="fas fa-check-circle"></i></h1>
                                <ul class="employer-meta">
                                    <li class="followers"><i class="lnr lnr-location"></i> 企业规模：<span class="companySize"></span></li>
                                    <li class="date-publish">
                                        <i class="lnr lnr-clock"></i>
                                        注册于： <label class="theme-color establishmentDate"></label>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5" sec:authorize="hasAnyAuthority('followCompany')">
                        <div class="sidebar-wrapper-three">
                            <div class="common-sidebar-widget sidebar-three mb-0 pb-0">
                                <div class="sidebar-job-share">
                                    <div class="job-share candidate-action">
                                        <ul>
                                            <li><a onclick="followCompany()" >
                                                <span id="followBut" >
                                                    <i class="lnr lnr-heart" ></i>
                                                    <img hidden th:src="@{/images/aixin-2.png}" style="width: 20px;height: 20px;" />
                                                </span>
                                                <span class="text">收藏 </span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 大标题 Start -->

        <!-- 企业详细信息 Start -->
        <div class="employer-details-section section pt-120 pt-lg-100 pt-md-80 pt-sm-50 pt-xs-40 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row">

                    <div class="col-lg-4 order-lg-2 order-2 mt-sm-60 mt-xs-50">
                        <div class="sidebar-wrapper-three">
                            <div class="common-sidebar-widget sidebar-three">
                                <div class="sidebar-meta sidebar-meta-two">

                                    <!-- Single Meta Field Start -->
                                    <div class="single-meta-field meta-field-two">
                                        <div class="field-label">
                                            <i class="lnr lnr-tag"></i>
                                            <span>企业类型 </span>
                                        </div>
                                        <div class="field-value enterprisesType"></div>
                                    </div>
                                    <!-- Single Meta Field Start -->

                                    <!-- Single Meta Field Start -->
                                    <div class="single-meta-field meta-field-two">
                                        <div class="field-label">
                                            <i class="lnr lnr-users"></i>
                                            <span>企业规模 </span>
                                        </div>
                                        <div class="field-value companySize"><a></a></div>
                                    </div>
                                    <!-- Single Meta Field Start -->

                                    <!-- Single Meta Field Start -->
                                    <div class="single-meta-field meta-field-two">
                                        <div class="field-label">
                                            <i class="lnr lnr-earth"></i>
                                            <span>官网 </span>
                                        </div>
                                        <div class="field-value" id="website"></div>
                                    </div>
                                    <!-- Single Meta Field Start -->

                                    <!-- Single Meta Field Start -->
                                    <div class="single-meta-field meta-field-two">
                                        <div class="field-label">
                                            <i class="lnr lnr-map-marker"></i>
                                            <span>位置 </span>
                                        </div>
                                        <div class="field-value"><a id="companyAddress"></a></div>
                                    </div>
                                    <!-- Single Meta Field Start -->

                                    <div class="sidebar-social mt-20">
                                        <div class="social-all">
                                            <a class="facebook"><i class="fab fa-qq"></i></a>
                                            <a class="twitter"><i class="fab fa-weixin"></i></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8 order-lg-1 order-1 pr-55 pr-md-15 pr-sm-15 pr-xs-15">

                        <div class="employer-main-content">
                            <div class="field-description" style="margin-top: -90px;">
                                <h3>公司简介</h3>

                                <p id="introduction"></p>
                            </div>
                            <div class="field-description">
                                <h3>工商信息</h3>

                                <div style="font-size: 16px;margin-left: 50px">
                                    <div class="row">
                                        <div class="label">法定代表人：</div><div id="legalRepresentative"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">成立日期：</div><div class="establishmentDate"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">企业类型：</div><div class="enterprisesType"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">经营状态：</div><div id="operationStatus"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">注册地址：</div><div id="registeredAddress"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">统一社会信用代码：</div><div id="creditCode"></div>
                                    </div>
                                    <div class="row">
                                        <div class="label">经营范围：</div><div id="businessNature"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="field-Gallery">
                                <h3>企业环境</h3>
                                <ul class="portfolio-list">
                                    <li><a href="#"><img id="companyPhoto" src="" alt=""></a></li>
                                </ul>
                            </div>
                            <!-- 招聘中的岗位 -->
                            <div class="job-area mt-60">
                                <div class="job-container">
                                    <h3 class="title" >招聘中的岗位</h3>
                                    <div class="row" id="jobsList">
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div id="page" class="page_div"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!-- 企业详细信息 End -->

        <div th:insert="~{/public::footer}"></div>
    </div>
    <div th:replace="~{/public::public-js}"></div>

    <script th:src="@{/js/myjob/company/companyDetails.js}"></script>
</body>

</html>
